<template>
   <div class="flex_c_center" v-if="!Switsh">
      <div class="border-r border-5-7de pd-10 flex-s-between" style="width:100%">
       <div>
        <img src="../../assets/img/tx4.svg" alt="" class="mgr-10">
        <img src="../../assets/img/tx4.svg" alt="" class="mgr-10">
        <img src="../../assets/img/tx4.svg" alt="" class="mgr-10">
       </div>
       <div>
        <el-button type="primary" class="mlr-20 bg-theme border-n color-0">{{$t('btn.confirm')}}</el-button>
        <el-button type="primary" class="mlr-20 bg-theme border-n color-0" @click=clickCansel>{{$t('btn.cancel')}}</el-button>
       </div>
      </div>
      <div class="flex_c_center pd-10 bg-0 border-2-7de border-r mgt-100" style="width:25%" >
        <p class="fontW-7 font-36 color-f font-f-ib mgb-20">{{$t('transfer.title_txt')}}</p>
        <div style="width:80%">
          <div class="flex-s-between ">
            <p class="fontW-7 font-26 font-f-ib color-f">{{$t('transfer.collection')}}</p>
            <p class="fontW-7 font-18 font-f-ib color-f">{{$t('transfer.selected')}}3{{$t('transfer.project')}}</p>
          </div>
          <drop-down class="flex-1" style="width:100%"/>
          <p class="fontW-3 font-14 font-f-ib color-f mgtb-10">{{$t('transfer.transfer_time')}}</p>
        </div>
        <el-button type="primary" class="mlr-20 bg-theme border-n mgtb-20 color-0" style="width:20%">{{$t('btn.mobile')}}</el-button>
      </div>
  </div>
</template>
<script>
import DropDown from '../component/Dropdown.vue'
export default {
  components: {
    DropDown
  }
}
</script>
<style lang="less" scoped>

</style>
